<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <title>结算</title>
    <link rel="shortcut icon" href="../../../logo.ico"/> 
    <link rel="stylesheet" href="__PUBLIC__/css/user_shoppingcart.css"/>
</head>
<body>
  <!-- 网站结算页头部 start -->
  <include file="Public:header" />
  <!-- 网站结算页头部 end -->

  <!-- 网站结算页主体 start -->
  <main class="shopping-cart-container wrapper">
    <header class="shopping-cart-title">
      <h2>Shopping Cart</h2>
      <span> > back</span>
    </header>
    <!-- 购物车的钻石列表 -->
    <section class="shopping-cart-diamond-box">
      <div class="shopping-cart-diamond">
        <!-- 头部参数说明 -->
        <div class="shopping-cart-header">
          <span class="prod">Product</span>
          <span class="param">Parameter</span>
          <span class="num">Quantity</span>
          <span class="total">Total</span>
          <span class="select">Select</span>
        </div>
        <!-- 钻石列表 -->
        <div class="shopping-cart-content">
          <!-- 购物车钻石列表 -->
          <ul class="shopping-cart-list" id="shopping_cart_list">
            <for start="1" end="5">
              <li class="shopping-cart-item">
                <div class="item-prod">
                  <img src="__PUBLIC__/img/goods/diamond/1.png" alt="钻石缩略图">
                  <h3>Night Security Diamond Security</h3>
                </div>
                <!-- 参数 -->
                <div class="item-param">
                  <span>Color:F</span>
                  <span>Clarity:VVS2</span>
                  <span>Cut:IDEAL</span>
                </div>
                <!-- 数量 -->
                <div class="item-num">
                  <div class="num-box">
                    <input type="tel" maxlength="3" value="1">
                    <span>
                      <i class="icon-up"></i>
                      <i class="icon-down"></i>
                    </span>
                  </div>
                </div>
                <!-- 单价  -->
                <span class="item-total">$<em>179.50</em></span>
                <!-- 选择 -->
                <span class="item-select">
                  <a href="javascript:void(0);" class="selected"></a>
                </span>
                <!-- 总价 -->
                <input type="hidden" class="total-val" value="179.50">
              </li>
            </for>
          </ul>
          <!-- 底部结算总价 -->
          <div class="shopping-cart-footer">
            <div class="total-content">
              <h4 class="total-title">Cart Totals</h4>
              <div class="subtotal">
                <span>Subtotal</span>
                <span>$22.50</span>
              </div>
              <div class="total">
                <span>Total</span>
                <span>$<em id="total">22.50</em></span>
              </div>
              <a href="#">Proceed To Checkout</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
  <!-- 网站结算页主体 end -->

  <!-- 网站结算页底部 start -->
  <include file="Public:footer"/>
  <!-- 网站结算页底部 end -->

  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.js"></script>
  <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/user_shoppingcart.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>